<template>
  <div id="trafficMarketRoot">
    <el-tabs v-model="activeName">
     <!-- 在wang_app.less中隐藏tab的header -->
      <el-tab-pane label="直播流量大盘" name="first">
        <trafficMarket v-if="activeName == 'first'" />
      </el-tab-pane>
      <!-- <el-tab-pane label="直播观众喜好" name="second">
        <preferences v-if="activeName == 'second'" />
      </el-tab-pane> -->
    </el-tabs>
  </div>
</template>

<script>
import trafficMarket from "@/pages/wang/live/liveTrafficMarket/trafficMarket.vue";
import preferences from "@/pages/wang/live/liveTrafficMarket/preferences.vue";
export default {
  name: "trafficMarketRoot",
  components: {
    trafficMarket,
    preferences,
  },
  data() {
    return {
      activeName: "first",
    };
  },
  computed: {},
  watch: {},
  created() {},
  mounted() {},

  methods: {},
};
</script>
<style lang='less' scoped>
#trafficMarketRoot {
  background: #f1f1f1;
  height: fit-content;
  margin-left: 14px;
  margin-right: 14px;
  margin-top: 14px;
  border-radius: 4px;
  min-height: 100vh;
  position: relative;
  overflow: auto;
}
</style>